<template>	<view class="header" :style="[headerStyle]">头部内容</view></template>
 
 <script>	
 export default {		
	 name:"test",		
	 data() {			
		 return {				
			 headerStyle: {	'--header-color': 'green'},
			 };		
		}	
	}
</script> 

<style lang="scss" scoped>
	.header {	
		width: 100px;	
		text-align: center;	line-height: 100rpx;	
		border: 1px solid #aaa;	
		color: var(--header-color);
	}
</style>